<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><title>Aloha Editor Demo</title><meta name="description" content="Aloha Editor Demo"><meta name="author" content="Aloha Editor Team">

	<script type="text/javascript" src="app/js/demo-app-load.js"></script>
	<!-- Le HTML5 shim, for IE6-8 support of HTML elements --><!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head><body>

    <div class="topbar">
      <div class="fill">
        <div class="container">
          <span id="brand"><a class="brand" href="#">Aloha Editor Demo</a></span>

          <ul class="nav" id="navigation">
			<li class="active"><a href="./">Home</a></li>
            <li><a href="./">Sitemap</a></li>
          </ul>

			
            <a id="edit-page" href="#"><span class="label notice">Edit</span></a>
            <a id="save-page" href="#"><span class="label warning">Save</span></a>
        </div>
      </div>
    </div>

    <div class="container">

		<div id="aloha-loading" class="alert-message notice">
		  <p>Loading Aloha Editor</p>
		</div>
		

		
      <!-- Main hero unit for a primary marketing message or call to action -->
      <div id="data-head" class="hero-unit aloha-editor-demo-editable">
        <h1>Aloha, world!</h1>
		<p>This is a demo application using Aloha Editor to edit content using contentEditables.</p>
        <p>You can download the source code with Aloha Editor on <a href="http://github.com/alohaeditor">github</a>. In this demo application you can store the changes to a backend (database, session, file).</p>
		<p><a class="btn primary large" href="./feedback.html">Send Feedback &raquo;</a></p>
      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div id="data-1" class="span4 aloha-editor-demo-editable">
          <h2>Web Page</h2>
          <p>See how easy it is to edit web pages with Aloha Editor.</p>
          <p>We provide you with examples to integrate Aloha Editor in your system. Learn how to connect your backend to store edited content and create a Aloha Plugin for your own link suggestions.</p>
		<a class="btn" href="./page.html">View demo &raquo;</a>
		
        </div>

      <div class="row">
        <div id="data-2" class="span4 aloha-editor-demo-editable">
          <h2>Article</h2>
          <p>Edit a 3 column text with Aloha Editor and see the result in realtime.</p>
			<p>This shows what you can do with modern web technologies like CSS3 and HTML5.</p>
		<a class="btn" href="./mobydick.html">View demo &raquo;</a>
		
        </div>

      <div class="row">
        <div id="data-3" class="span4 aloha-editor-demo-editable">
          <h2>CMS Textarea</h2>
          <p>Replace your existing CMS WYSIWYG Editor with Aloha. With Aloha Editor you can also use traditional textareas.</p>
		<a class="btn" href="./textarea.html">View demo &raquo;</a>

        </div>

      <div class="row">
        <div id="data-4" class="span4 aloha-editor-demo-editable">
          <h2>Download Aloha</h2>
          <p>Download Aloha Editor from our website.</p>
		<a class="btn" href="http://aloha-editor.org">Download &raquo;</a>

        </div>

	</div>

      <div id="footer"><p>Aloha Editor Demo</p>
      </div><!-- /container -->

</body></html>
